<!--
  ~ Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->
 
 
<div class="property-row flex-container">
    <div class="flex-item text property-name-container">
        <span class="title-blue-text property-name-text " data-ng-class="{'hand': isClickable}" data-tests-id="propertyName" data-ng-click="onNameClicked(property)" tooltips tooltip-content="{{property.name}}">{{property.name}}</span>
    </div>
    <div class="flex-item text property-name-container">
        <span class="text instance-name-text" data-tests-id="instanceName" tooltips tooltip-content="{{instanceName}}">{{instanceName}}</span>
    </div>
    <div class="type-schema-container">
        <div class="text">
            <span tooltips tooltip-content="propertyName_{{property.type}}" data-tests-id="propertyType">{{property.type}}</span>
        </div>
    </div>
    <div class="type-schema-container">
        <div class="text">
            <span tooltips tooltip-content="{{property.schema.property.type}}" data-tests-id="propertySchema">{{property.schema.property.type}} </span>
        </div>
    </div>
    <ng1-checkbox ng-if="instancePropertiesMap"
                  class="property-check-box"
                  disabled="property.isAlreadySelected || isViewOnly"
                  sdc-checklist-model="instancePropertiesMap[instanceId]"
                  sdc-checklist-value="property"
                  sdc-checklist-change="onCheckboxClicked()"
                  data-tests-id="propertyCheckbox_{{property.name}}"
                  data-ng-click=" $event.stopPropagation()"></ng1-checkbox>
</div>
